@charset "UTF-8";
@import 'config';

.main{

  .search{
    overflow: hidden;
    @include pl(20);
    @include pr(20);
    background: #ffffff;
    .on{
      background: #b50700;
      color: #ffffff;
    }
    a{
      display: block;
      float: left;
      text-align: center;
      @include fs(26);
      @include lh(86);
      @include ml(45);
      @include w(141);
      color: #666666;
      span:nth-child(1){
        position: relative;
        @include t(-10);
        @include l(-6);
        @include fs(12);
      }
      span:nth-child(2){
        position: relative;
        @include fs(12);
        @include t(8);
        @include l(-34.5);
      }

    }
    a:nth-child(1){
      @include ml(0);
    }
    a:nth-child(4){
      background: url("../img/pro_list_1.png") no-repeat;
      @include bgp(100,22);
    }
  }
  .pro-list{
    background: #e7e7e7;
    overflow: hidden;
    li{
      @include l(270);
      @include mt(18);
      @include pad(16,20,14,32);
      background: #ffffff;
      overflow: hidden;
      img{
        @include w(260);
        @include l(240);
        float: left;
      }
      div{
        @include w(430);
        float: left;
        overflow: hidden;
        h2{
          @include mt(22);
          @include mb(22);
          @include fs(28);
          color: #000000;
        }
        p{
          @include fs(20);
          @include pl(12);
          @include mb(30);
          color: #000000;
        }
        span{
          display: block;
          @include fs(24);
          @include pl(12);
          color: #000000;
          b{
            @include fs(36);
            color: #ff3333;
          }
        }
        a{
          display: block;
          float: right;
          background: #ff3333;
          color: #ffffff;
          text-align: center;
          @include bdr(8);
          @include lh(52);
          @include w(146);
          @include mt(10);
          @include fs(24);
        }
      }
    }

  }
}